<template>
    <div>
      <div class="animate__animated  animate__jackInTheBox animate__delay-0.5s logobox">
        <img src="/logo.png" alt="" @click="router.push('/guide')">
      </div>
      <p class="position-p">by koto</p>
    </div>
</template>

<script lang="ts" setup>
import {useRouter} from 'vue-router'
import 'animate.css';
const router = useRouter()
</script>

<style lang="scss" scoped>
.logobox{
    width:13rem;
    height:12rem;
    position: fixed;
    top:0rem;
    left:0rem;
    right:0rem;
    bottom:0rem;
    margin:auto;
    img{
        width:100%;
        height:100%;
    }
}

.position-p{
    width:100vw;
    height:auto;
    text-align: center;
    position: fixed;
    right:0rem;
    bottom:1rem;
}

</style>